<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core" xmlns:sec="http://www.springframework.org/security/facelets/tags"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><h:outputText value="#{msg.webcotec}"/> - <h:outputText value="#{msg.webcotecdescricao}"/></title>
		<link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/themes-primefaces/cupertino/skin.css" ></link>
		<link href="#{facesContext.externalContext.requestContextPath}/styles/gerenciadorChamados.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/gc_common.js" ></script>
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery.maskedinput-1.2.2.js"></script>
		<p:resources/>
	</head>

	<body>
		<h:panelGroup id="idBody" rendered="true">
			<!-- BARRA MENU -->
			<!-- FIM BARRA MENU -->
	
			<!-- TOPO -->
				<ui:include src="/componente/topo.xhtml" />
			<!-- FIM TOPO -->
	
			<!-- ABAIXO DO TOPO -->
			<div id="abaixo-do-topo">
				<h:form prependId="false">
					<h:panelGroup rendered="#{LoginService.user != null}">
						<!-- MENSAGEM PARA USUÁRIO -->
						<div id="logado">
							<h:outputLabel value="#{msg.ola}" />
							<span class="saudacao">
								<h:outputLabel value="#{LoginService.user.pessoa.nome}" />
							</span>
							(<h:outputLabel value="#{LoginService.role}"/>)
							<rich:spacer width="5px"/>|<rich:spacer width="5px"/>
							<h:commandLink action="#{LoginService.doLogout}" value="#{msg.sair}">
								<a4j:support event="onmousedown" reRender="idBody"/>
							</h:commandLink>
						</div>
						<!-- FIM DA MENSAGEM PARA USUÁRIO -->
					</h:panelGroup>
				</h:form>
				<!-- MENSAGEM DE NAVEGACAO -->
				<div id="navegacao">
									
				</div>
				<!-- FIM MENSAGEM DE NAVEGACAO -->
			</div>
			<!-- FIM ABAIXO DO TOPO -->
	
			<!-- ABRAÇA TODOS-->
			<div id="abraca_todos">
				<!-- CONTEUDO INTERNO DENTRO DO CONTEUDO -->
					<!--
						inserir aqui o conteudo login, conteudo grande, conteudo pequeno
					-->
					<!--  MENU ESQUERDO -->
					<ui:insert name="menu_esq">
						<div id="menu_esq">
							<ui:include src="/componente/menu-esquerdo.xhtml" />
						</div>
						<!-- CONTEUDO -->
						<div id="conteudo">
						<a4j:outputPanel ajaxRendered="true">
							<div>
					        	<ui:include src="/#{menuMB.selecionaPaginaForm}" id="selecionaPaginaForm"/>
							</div>
					    </a4j:outputPanel>
						<!-- FIM CONTEUDO -->
					    </div>					
					</ui:insert>
					<!-- FIM MENU ESQUERDO -->
				
					<!-- LOGIN -->
					<div id="login">
						<ui:insert name="login"></ui:insert>
					</div>
					<!-- INICIO LOGIN -->
			</div>
			<!-- FIM ABRAÇA TODOS -->
			<!-- RODAPE -->
			<div id="rodape">
				<div id="rodape-text"><h:outputText value="#{msg.copyrigth}"/> - <h:outputText value="#{msg.webcotecdescricao}"/></div>
			</div>
			<!-- FIM RODAPE -->
		</h:panelGroup>
	</body>
</html>
	